<template>
  <svg aria-hidden="true" style="width: 1em; height: 1em">
    <!-- #icon-文件夹名称-图片名称 -->
    <use :href="`#icon-${name}`" />
  </svg>
</template>

<script setup lang="ts">
// 别人为有没有封装过组件？
// 回答方向： 组件在复用的使用哪些是可以变的
// 有哪些属性？ 有哪些事件$emit抛出去的？

// 我们这个icon组件，就是图表的名称需要写变量
defineProps<{
  name: string
}>()
</script>
